<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="myCarousel" class="carousel slide">
        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="resources/images/slide1.png" alt="First slide">
                <!--<div class="carousel-caption">标题 1</div>-->
            </div>
            <div class="item">
                <!--<a href="https://www.baidu.com/" target="_blank">-->
                <img src="resources/images/slide2.png" alt="Second slide">
                <!--</a>-->
                <!--<div class="carousel-caption">标题 2</div>-->
            </div>
            <div class="item">
                <img src="resources/images/slide3.png" alt="Third slide">
                <!--<div class="carousel-caption">标题 3</div>-->
            </div>
        </div>
        <!-- 轮播（Carousel）导航 -->
        <a class="carousel-control left" href="#myCarousel"
           data-slide="prev">&lsaquo;</a>
        <a class="carousel-control right" href="#myCarousel"
           data-slide="next">&rsaquo;</a>
    </div>

    <script src="plugins/bootstrap/js/bootstrap.min.js"></script>
    <script>
        //5秒播一次
        $('#myCarousel').carousel({
            interval: 5000
        });
    </script>
</body>
</html>